<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>媒体首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/plugins/swiper/swiper4.2.min.css">
    <link rel="stylesheet" href="/css/see/adVideo.min.css?v=<%=$version%>">
</head>
<body>
<div id="adVideo" v-cloak>
    <div class="adVideo-video">
        <div id="player" :url="advById.imgSrc">

        </div>
    </div>
    <div class="adVideo-introduce clearfix">
        <img src="/imgs/see/index/index-bgimg1.png" class="lazy">
        <div class="introduce-info">
            <h6>{{advById.title}}</h6>
            <div>
                <span class="seeVideo-icon">{{advById.playCount}}万</span>
                <span class="adVideo-heartIcon">{{advById.praiseCount}}万</span>
                <span class="adVideo-shareIcon">{{advById.shareCount}}</span>
            </div>
        </div>
    </div>
    <div class="adVideo-other">
        <a>举报</a>
        <a>收藏</a>
        <a>评论</a>
        <a>分享</a>
        <a>点赞</a>
    </div>
    <div class="adVideo-subject clearfix">
        <img src="/imgs/see/index/index-bgimg1.png" class="lazy" :data-original="advById.headImg">
        <div class="subject-info">
            <h6>{{advById.uName}}</h6>
            <p>{{advById.follows}}已关注</p>
        </div>
        <div class="subject-btn clearfix">
            <span class="subject-btnCircle">＋圈子</span>
            <span class="subject-btnNews">发消息</span>
        </div>
    </div>
    <div class="adVideo-lable clearfix">
        <strong>视频标签:</strong>
        <div class="lable-list clearfix">
            <span v-for="item in advById.tags">#{{item.label}}</span>
            <span>#文艺</span>
            <span>#文艺</span>
            <span>#文艺</span><span>#文艺</span><span>#文艺</span>


        </div>
    </div>
    <div class="adVideo-hot">
        <h4 class="index-title clearfix"><strong>热门推荐</strong></h4>
        <div class="adVideo-hotSlide">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide clearfix" v-for="item in advRecommendByAdvId">
                        <img src="/imgs/see/index/index-bgimg1.png" class="swiper-lazy" :data-src="item.coverImgSrc">
                        <strong>{{item.title}}</strong>
                    </div>
                    <!--<div class="swiper-slide clearfix">-->
                        <!--<img src="/imgs/see/index/index-bgimg1.png" alt="">-->
                        <!--<strong>地方顺风顺水地方顺风顺水地方顺风顺水</strong>-->
                    <!--</div>-->
                </div>
            </div>
        </div>
    </div>
    <div class="adVideo-channel">
        <h4 class="index-title clearfix"><strong>渠道合作</strong><a>招聘<span>/</span>采购</a></h4>
    </div>
    <div class="adVideo-atlas">
        <h4 class="index-title clearfix"><strong>Ta的图集</strong><a></a></h4>
        <div class="adVideo-atlasSlide">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide clearfix" v-for="item in allAlbumByUserId.list">
                        <img class="atlasList-slide swiper-lazy" :data-src="item.coverPhoto">
                        <div class="atlasList-title">{{item.name}}<span class="heart-icon">{{item.viewCount}}</span></div>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
    </div>
    <div class="adVideo-product">
        <h4 class="index-title clearfix"><strong>Ta的产品</strong><a></a></h4>
        <div class="adVideo-productList">
            <div class="tabList-productList clearfix" v-for="item in allProductByUserId2">
                <img class="productList-img lazy" :data-original="item.imgSrc">
                <div class="productList-right">
                    <h6>{{item.title}}</h6>
                    <p>{{item.subtitle}}</p>
                    <template v-if="item.state==1">
                        <div >已预约<span>{{item.preorderNum}}</span>人</div>
                        <a class="productList-btn1">预约</a>
                    </template>
                    <template v-if="item.state==2">
                        <div >已购买<span>{{item.orderNum}}</span>人</div>
                        <a class="productList-btn2">购买</a>
                    </template>
                </div>
            </div>
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<script src="/plugins/sewise-player/player/sewise.player.min.js"></script>
<script type="text/javascript" src="/plugins/js/jquery.lazyload.min.js"></script>
<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/adVideo.js?v=<%=$version%>"></script>
<script>
    $("img.lazy").lazyload();
    var swiper = new Swiper('.adVideo-hotSlide .swiper-container', {
        spaceBetween: 15,
        slidesPerView: 'auto',
        freeMode: true,
        // lazyLoading : true,
        // lazyLoadingInPrevNext : true,
        // lazyLoadingInPrevNextAmount : 3,
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 3
        },
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
    var swiper1 = new Swiper(".adVideo-atlasSlide .swiper-container",{
        spaceBetween: 30,
        centeredSlides: true,
        // autoplay:1500,
        // autoplayDisableOnInteraction : false,
        autoplay: {
            delay: 1500,
            disableOnInteraction: false
        },
        pagination: {
            el: '.swiper-pagination',
            clickable: true
        },
        lazy: {
            loadPrevNext: true,
            loadPrevNextAmount: 2
        },
        // pagination: '.swiper-pagination',
        // paginationType : 'fraction',
        // paginationClickable: true,
        // lazyLoading : true,
        // lazyLoadingInPrevNext : true,
        // lazyLoadingInPrevNextAmount : 2,
        observer: true,//修改swiper自己或子元素时，自动初始化swiper
        observeParents: true//修改swiper的父元素时，自动初始化swiper
    });
</script>
</body>
</html>